<!DOCTYPE html>
<html lang="en" xmlns:wicket="http://wicket.apache.org">
<head>
    <meta charset="utf-8" />
    <title>MAKFilm</title>

    <meta name="description" content="" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <!-- basic styles -->

    <link href="static/ace/css/bootstrap.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="static/ace/css/font-awesome.min.css" />

    <!--[if IE 7]>
    <link rel="stylesheet" href="static/ace/css/font-awesome-ie7.min.css" />
    <![endif]-->

    <link rel="stylesheet" href="static/ace/css/ace.min.css" />
    <link rel="stylesheet" href="static/ace/css/ace-rtl.min.css" />
    <link rel="stylesheet" href="static/ace/css/ace-skins.min.css" />
    <link rel="stylesheet" href="static/ace/css/bootstrap-timepicker.css" />
    <link rel="stylesheet" href="static/css/new-style.css" />

    <!--[if lte IE 8]>
    <link rel="stylesheet" href="static/ace/css/ace-ie.min.css" />
    <![endif]-->
    <link rel="stylesheet" href="static/pnotify/jquery.pnotify.default.css" type="text/css"/>

    <script src="static/ace/js/ace-extra.min.js"></script>
    <script src="static/pnotify/pnotify.js" type="text/javascript"></script>
    <!--[if lt IE 9]>
    <script src="static/ace/js/html5shiv.js"></script>
    <script src="static/ace/js/respond.min.js"></script>
    <![endif]-->
</head>

<body class="skin-3">
<div class="navbar navbar-default" id="navbar">
    <script type="text/javascript">
        try {
            ace.settings.check('navbar', 'fixed')
        } catch (e) {
        }
    </script>

    <div class="navbar-container" id="navbar-container">
        <div class="navbar-header pull-left">
            <a href="#" class="navbar-brand">
                <small>
                    <i class="icon-leaf green"></i>
                    <wicket:message key="brand.label"/>
                </small>
            </a><!-- /.brand -->
        </div>
        <!-- /.navbar-header -->

        <div class="navbar-header pull-right" role="navigation">
            <ul class="nav ace-nav">
                <li class="light-blue">
                    <a data-toggle="dropdown" href="#" class="dropdown-toggle">
                        <img class="nav-user-photo" src="static/ace/avatars/avatar5.png"/>
								<span class="user-info">
									<small>
                                        <wicket:message key="welcome.label"/>
                                    </small>
									<span wicket:id="user.info"/>
								</span>

                        <i class="icon-caret-down"></i>
                    </a>

                    <ul class="user-menu pull-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">
                        <li>
                            <a href="#">
                                <i class="icon-cog"></i>
                                <wicket:message key="settings.label" />
                            </a>
                        </li>

                        <li>
                            <a href="#">
                                <i class="icon-user"></i>
                                <wicket:message key="profile.label" />
                            </a>
                        </li>

                        <li class="divider"></li>

                        <li>
                            <a href="#" wicket:id="logout">
                                <i class="icon-off"></i>
                                <wicket:message key="logout.label" />
                            </a>
                        </li>
                    </ul>
                </li>
            </ul>
            <!-- /.ace-nav -->
        </div>
        <!-- /.navbar-header -->
    </div>
    <!-- /.container -->
</div>

<div class="main-container" id="main-container">
    <script type="text/javascript">
        try{ace.settings.check('main-container' , 'fixed')}catch(e){}
    </script>

    <div class="main-container-inner">
        <wicket:child/>

        <!--<div class="ace-settings-container" id="ace-settings-container">-->
            <!--<div class="btn btn-app btn-xs btn-warning ace-settings-btn" id="ace-settings-btn">-->
                <!--<i class="icon-cog bigger-150"></i>-->
            <!--</div>-->

            <!--<div class="ace-settings-box" id="ace-settings-box">-->
                <!--<div>-->
                    <!--<div class="pull-left">-->
                        <!--<select id="skin-colorpicker" class="hide">-->
                            <!--<option data-skin="default" value="#438EB9">#438EB9</option>-->
                            <!--<option data-skin="skin-1" value="#222A2D">#222A2D</option>-->
                            <!--<option data-skin="skin-2" value="#C6487E">#C6487E</option>-->
                            <!--<option data-skin="skin-3" value="#D0D0D0">#D0D0D0</option>-->
                        <!--</select>-->
                    <!--</div>-->
                    <!--<span>&nbsp; Choose Skin</span>-->
                <!--</div>-->

                <!--<div>-->
                    <!--<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-navbar" />-->
                    <!--<label class="lbl" for="ace-settings-navbar"> Fixed Navbar</label>-->
                <!--</div>-->

                <!--<div>-->
                    <!--<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-sidebar" />-->
                    <!--<label class="lbl" for="ace-settings-sidebar"> Fixed Sidebar</label>-->
                <!--</div>-->

                <!--<div>-->
                    <!--<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-breadcrumbs" />-->
                    <!--<label class="lbl" for="ace-settings-breadcrumbs"> Fixed Breadcrumbs</label>-->
                <!--</div>-->

                <!--<div>-->
                    <!--<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-rtl" />-->
                    <!--<label class="lbl" for="ace-settings-rtl"> Right To Left (rtl)</label>-->
                <!--</div>-->

                <!--<div>-->
                    <!--<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-add-container" />-->
                    <!--<label class="lbl" for="ace-settings-add-container">-->
                        <!--Inside-->
                        <!--<b>.container</b>-->
                    <!--</label>-->
                <!--</div>-->
            <!--</div>-->
        <!--</div>&lt;!&ndash; /#ace-settings-container &ndash;&gt;-->
    </div><!-- /.main-container-inner -->

    <a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
        <i class="icon-double-angle-up icon-only bigger-110"></i>
    </a>
</div>
<!--[if !IE]> -->

<script type="text/javascript">
    window.jQuery || document.write("<script src='static/ace/js/jquery-2.0.3.min.js'>"+"<"+"/script>");
</script>

<!-- <![endif]-->

<!--[if IE]>
<script type="text/javascript">
    window.jQuery || document.write("<script src='static/ace/js/jquery-1.10.2.min.js'>"+"<"+"/script>");
</script>
<![endif]-->

<script type="text/javascript">
    if("ontouchend" in document) document.write("<script src='static/ace/js/jquery.mobile.custom.min.js'>"+"<"+"/script>");
</script>
<script src="static/ace/js/bootstrap.min.js"></script>
<script src="static/ace/js/typeahead-bs2.min.js"></script>

<!-- page specific plugin scripts -->

<!-- ace scripts -->

<script src="static/ace/js/ace-elements.min.js"></script>
<script src="static/ace/js/ace.min.js"></script>

<!-- inline scripts related to this page -->
</body>
</html>
